.order-modify-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /* 确保足够高，不会被其他元素遮挡 */
  display: flex;
  /* 添加flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */

  .modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .modal-content {
    position: relative;
    width: 90%;
    max-width: 600rpx;
    background-color: #fff;
    border-radius: 35rpx;
    padding: 30rpx;
    max-height: 66vh;
    overflow-y: auto;
    padding-bottom: 100rpx;


    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30rpx;
      border: none;
      padding: 10rpx 0;

      .title {
        font-size: 36rpx;
        font-weight: bold;
      }

      .cancel-recruitment-btn {
        width: 152rpx;
        height: 42rpx;
        background: #EEF2F3;
        border-radius: 10rpx;
        padding: 0 20rpx;

        color: #888B9A;
        font-size: 24rpx;
        border: none;
        position: relative;
        top: 3rpx;
        right: -160rpx;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }

    .form-container {
      .form-item {
        margin-bottom: 30rpx;
        position: relative;

        .label-wrapper {
          display: flex;
          align-items: center;
          margin-bottom: 10rpx;

          .form-label {
            font-size: 28rpx;
            color: #333;
          }

          .required {
            color: #f00;
            margin-left: 5rpx;
          }
        }

        .input-wrapper {
          .form-input {
            width: 100%;
            height: 90rpx;
            /* 增加高度 */
            border: 1rpx solid #ddd;
            border-radius: 10rpx;
            padding: 0 20rpx;
            font-size: 26rpx;
            /* 减小字体 */
            box-sizing: border-box;
          }
        }

        .location-input {
          width: 100%;
          height: 80rpx;
          border: 1rpx solid #ddd;
          border-radius: 10rpx;
          padding: 0 20rpx;
          font-size: 28rpx;
          margin-bottom: 20rpx;
          box-sizing: border-box;
          /* 添加这一行 */
        }

        .map-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .map-overlay {
          position: absolute;
          top: 230rpx;
          left: calc(50% - 143rpx);
          width: 286rpx;
          height: 60rpx;
          background: #FFFFFF;
          box-shadow: 1rpx 2rpx 7rpx 0rpx rgba(162, 166, 183, 0.49);
          border-radius: 30rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: Source Han Sans CN;
          font-weight: 400;
          font-size: 22rpx;
          color: #0E1C37;

          .map-text {
            margin-left: 10rpx;
          }
        }

        .time-picker-container {
          display: flex;
          justify-content: space-between;

          .date-picker,
          .time-picker {
            flex: 1;
            height: 80rpx;
            border: 1rpx solid #ddd;
            border-radius: 10rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28rpx;
            background-color: #f8f8f8;
          }

          .date-picker {
            margin-right: 20rpx;
          }

          .picker-text {
            color: #666;
          }
        }
      }
    }


  }

  // 自定义弹窗遮罩层
  .custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  // 自定义弹窗内容区域
  .custom-popup-content {
    z-index: 10000;
  }

  // 弹窗内容
  .delete-popup {
    width: 484rpx;
    height: 250rpx;
    background: #FFFFFF;
    border-radius: 26rpx;
    // padding: 30rpx;


    .delete-message {
      width: 396rpx;
      height: 100rpx;
      text-align: center;
      margin: 30rpx auto;
      font-family: Source Han Sans CN;
      font-weight: 500;
      font-size: 30rpx;
      color: #000000;
      padding-top: 40rpx;
      padding-bottom: 10rpx;

    }

    .delete-buttons {
      display: flex;
      justify-content: space-around;
      margin-top: 50rpx;
      border-top: 1rpx solid #CDCDCD;
      font-family: Source Han Sans CN;
      font-weight: 500;
      font-size: 32rpx;
      color: #2E66F7;
      background-color: #fff;
          border-bottom-right-radius: 26rpx;
    border-bottom-left-radius: 26rpx;


      .can-btn {
        flex: 1;
        width: 224px;
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;

        border-right: 1rpx solid #CDCDCD;
      }

      .con-btn {
        flex: 1;
        width: 224rpx;
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;


      }
    }
  }

  .modal-footer {
    position: fixed;
    display: flex;
    justify-content: space-between;
    /* margin-top: 40rpx ; */
    z-index: 999;
    height: 130rpx;
    align-items: center;
    background: #fff;
    bottom: 13vh;

    .cancel-btn,
    .confirm-btn {
      width: 45%;
      height: 90rpx;
      border-radius: 45rpx;
      font-size: 32rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .cancel-btn {
      background-color: #f8f8f8;
      color: #333;
    }

    .confirm-btn {
      width: 610rpx;
      height: 83rpx;
      background: #BEFF32;
      border-radius: 12rpx;
    }
  }
}